<template>
  <div>
    <el-breadcrumb>
      <!-- <i class="el-icon-lx-global"></i> -->
      {{ $t("breadcrumb") }}
    </el-breadcrumb>
    <el-card>
      <span>{{ $t("tips") }}</span>
      <el-button
        type="primary"
        @click="$i18n.locale = $i18n.locale === 'zh' ? 'en' : 'zh'"
        >{{ $t("btn") }}</el-button
      >
      <div>
        <h2>{{ $t("title") }}</h2>
        <p>{{ $t("p1") }}</p>
        <p>{{ $t("p2") }}</p>
        <p>{{ $t("p3") }}</p>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // lang: "zh",
    };
  },
  mounted() {},
  computed: {},
  methods: {
    changelanguage() {
      console.log(this.$i18n.locale);
      console.log(this.$t("lang.tips"));
    },
  },
};
</script>

<style>
</style>